<!--
    Document   : Registro
    Created on : 28/11/2010, 02:40:58 PM
    Author     :  Ing. Javier Silva Perez
-->
<ice:panelGroup xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html"
	styleClass="textoFormulario">
	<center>
		<ice:outputText value="#{msgs['page.Registro.Title']}"
			styleClass="tituloPag" />
	</center>
	<ice:panelGroup styleClass="exampleBox"
		style="float:left;width:600px; margin-top: 10px">
		<ice:panelGrid columns="3" cellpadding="3">
			<!-- INICIO NOMBRE -->
			<ice:outputLabel value="#{msgs['page.Registro.txtNombre']}"
				style="text-align: right" for="txtNombre_Registro" />
			<ice:inputText id="txtNombre_Registro" style="width: 400px"
				required="true" partialSubmit="true"
			 	value="#{registroBean.nuevaPersona.nombrePersona}"/>
			<ice:message style="color: red;" id="txtNombreError_Registro"
				for="txtNombre_Registro" />
			<!-- FIN NOMBRE -->

			<!-- INICIO APELLIDO PATERNO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtApp']}"
				style="text-align: right" for="txtApp_Registro" />
			<ice:inputText id="txtApp_Registro" style="width: 400px" partialSubmit="true"
				value="#{registroBean.nuevaPersona.apellidoPaterno}"/>
			<ice:message style="color: red;" id="txtAppError_Registro"
				for="txtApp_Registro" />
			<!-- FIN APELLIDO PATERNO -->

			<!-- INICIO APELLIDO MATERNO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtApm']}"
				style="text-align: right" for="txtApm_Registro" />
			<ice:inputText id="txtApm_Registro" style="width: 400px" partialSubmit="true"
				value="#{registroBean.nuevaPersona.apellidoMaterno}"/>
			<ice:message style="color: red;" id="txtApmError_Registro"
				for="txtApm_Registro" />
			<!-- FIN APELLIDO MATERNO -->

			<!-- INICIO NOMBRE USUARIO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtNombreUsuario']}"
				for="txtNombreUsuario_Registro" />
			<ice:inputText id="txtNombreUsuario_Registro" style="width: 400px"
				required="true" partialSubmit="true"
				value="#{registroBean.nuevaPersona.nombreUsuario}"/>
			<ice:message style="color: red;" id="txtNombreUsuarioError_Registro"
				for="txtNombreUsuario_Registro" />
			<!-- FIN NOMBRE USUARIO -->

			<!-- INICIO PASSWORD -->
			<ice:outputLabel
				value="#{msgs['page.Registro.txtContrasenaUsuario']}"
				for="txtContrasena_Registro" />
			<ice:inputSecret id="txtContrasena_Registro" style="width: 400px"
				required="true" partialSubmit="true" redisplay="true"
				value="#{registroBean.nuevaPersona.password}"/>
			<ice:message style="color: red;" id="txtContrasenaError_Registro"
				for="txtContrasena_Registro" />
			<!-- FIN PASSWORD -->

			<!-- INICIO PASSWORD -->
			<ice:outputLabel
				value="#{msgs['page.Registro.txtConfirmaContrasenaUsuario']}"
				for="txtConfirmaContrasenaUsuario_Registro" />
			<ice:inputSecret id="txtConfirmaContrasenaUsuario_Registro"
				style="width: 400px" required="true" partialSubmit="true"
				redisplay="true" value="#{registroBean.confirmaPassword}" 
				validator="#{registroBean.validaPassword}"/>
			<ice:message style="color: red;"
				id="txtConfirmaContrasenaUsuarioError_Registro"
				for="txtConfirmaContrasenaUsuario_Registro" />
			<!-- FIN PASSWORD -->

			<!-- INICIO EMAIL -->
			<ice:outputLabel value="#{msgs['page.Registro.txtEmail']}"
				for="txtEmail_Registro" />
			<ice:inputText id="txtEmail_Registro" style="width: 400px" 
				partialSubmit="true" value="#{registroBean.nuevaPersona.correo}"/>
			<ice:message style="color: red;" id="txtEmailError_Registro"
				for="txtEmail_Registro" />
			<!-- FIN EMAIL -->

			<!-- INICIO SEXO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtSexo']}"
				for="selectSexo_Registro" />
			<ice:selectOneRadio id="selectSexo_Registro" partialSubmit="true"
				value="#{registroBean.nuevaPersona.sexo}">
				<f:selectItem itemLabel="#{msgs['page.Registro.txtSexo.Masculino']}"
					itemValue="true" />
				<f:selectItem itemLabel="#{msgs['page.Registro.txtSexo.Femenino']}"
					itemValue="false" />
			</ice:selectOneRadio>
			<ice:message style="color: red;" id="selectSexoError_Registro"
				for="selectSexo_Registro" />
			<!-- FIN SEXO -->

			<!-- INICIO FECHA NACIMIENTO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtFechaNaciemiento']}"
				for="txtFechaNacimiento_Registro" />

			<ice:panelGroup styleClass="exampleBox firstChildTitle">
				<!-- display regular selectInputDate bean values-->
				<ice:outputLabel
					value="#{msgs['page.Registro.txtFechaNaciemiento.FechaSeleccionada']}" />
				<ice:outputText id="txtFechaNacimiento_Registro"
					value="#{registroBean.fechaNacimiento}">
					<f:convertDateTime pattern="yyyy/MM/dd"
						timeZone="#{registroBean.timeZone}"/>
				</ice:outputText>
				<!-- Calendar Component -->
				<ice:selectInputDate id="txtFechaNacimientoCalendario_Registro"
					highlightClass="weekend: august:"
					highlightUnit="DAY_OF_WEEK: MONTH" highlightValue="1,7: 8"
					value="#{registroBean.fechaNacimiento}">
					<f:convertDateTime pattern="yyyy/MM/dd" timeZone="#{registroBean.timeZone}"/>
				</ice:selectInputDate>
			</ice:panelGroup>

			<ice:message style="color: red;"
				id="txtFechaNacimientoError_Registro"
				for="txtFechaNacimiento_Registro" />
			<!-- FIN FECHA NACIMIENTO -->

			<!-- INICIA FOTO -->
			<ice:outputLabel value="#{msgs['page.Registro.txtFotografia']}"
				for="txtfotoFileName_Registro" />
			<!-- file upload example -->
			<ice:panelGroup styleClass="exampleBox inputFileContainer">
				<!-- file upload usage with progress callback. -->
				<ace:fileEntry id="txtfotoFileName_Registro" width="600"
               		relativePath="pics" useOriginalFilename="true" maxFileCount="1"
					fileEntryListener="#{registroBean.listener}">
					<h:commandButton value="Cargar" />
				</ace:fileEntry>
			</ice:panelGroup>
			<ice:message style="color: red;"
				id="txtfotoFileError_Registro"
				for="txtfotoFileName_Registro" infoStyle="display:none" />
			<!-- TERMINA FOTO -->
		</ice:panelGrid>
		
		<center>
			<ice:commandButton id="btnAceptar"
				image="/resources/images/buttons/btnAceptar.png" value="Aceptar"
				action="#{registroBean.registrar}" />
			<br />
			<ice:message style="color: red;" id="btnAceptarError"
				for="btnAceptar" />
		</center>
	</ice:panelGroup>

</ice:panelGroup>

